﻿{% extends 'base_res_log.html' %}
{% load static %}
{% block title %}
    登录页
{% endblock %}
{% block topfile %}
    <script type="text/javascript" src="{% static 'js/jquery-1.11.1.min_044d0927.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/jquery.bxslider_e88acd1b.js' %}"></script>

    <script type="text/javascript" src="{% static 'js/jquery-1.8.2.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/menu.js' %}"></script>

	<script type="text/javascript" src="{% static 'js/select.js' %}"></script>

	<script type="text/javascript" src="{% static 'js/lrscroll_1.js' %}"></script>

    <script type="text/javascript" src="{% static 'js/iban.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/fban.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/f_ban.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/mban.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/bban.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/hban.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/tban.js' %}"></script>
	<script type="text/javascript" src="{% static 'js/lrscroll_1.js' %}"></script>
    <style>
        .log_bg{
            width:100%; min-width:1200px; height:840px; overflow:hidden; background-color:#fff4ef;
        }
        .login{
            width:1200px; overflow:hidden; margin-top:45px;
        }
        .log_img{
            width:611px; height:425px; overflow:hidden; float:left; margin-top:40px;
        }
        .log_c{
            width:455px; height:385px; overflow:hidden; background-color:#FFF; float:right; display:inline; margin-top:40px; margin-right:10px; margin-bottom:10px; -webkit-box-shadow:0 0 5px #e0e0e0; -moz-box-shadow:0 0 5px #e0e0e0; box-shadow:0 0 5px #e0e0e0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
        }
        .l_user{
            width:267px; height:38px; line-height:38px\9; overflow:hidden; background:url(http://py2596w1j.bkt.clouddn.com/static//i_u.png) no-repeat 285px center; background-color:#FFF; color:#888888; font-size:14px; font-family:"Microsoft YaHei"; padding:0 40px 0 10px; border:1px solid #cccccc;
        }
        .l_pwd{
            width:267px; height:38px; line-height:38px\9; overflow:hidden; background:url(http://py2596w1j.bkt.clouddn.com/static//i_pwd.png) no-repeat 285px center; background-color:#FFF; color:#888888; font-size:14px; font-family:"Microsoft YaHei"; padding:0 40px 0 10px; border:1px solid #cccccc;
        }
        .l_email{
            width:267px; height:38px; line-height:38px\9; overflow:hidden; background:url(http://py2596w1j.bkt.clouddn.com/static//i_email.png) no-repeat 285px center; background-color:#FFF; color:#888888; font-size:14px; font-family:"Microsoft YaHei"; padding:0 40px 0 10px; border:1px solid #cccccc;
        }
        .l_tel{
            width:267px; height:38px; line-height:38px\9; overflow:hidden; background:url(http://py2596w1j.bkt.clouddn.com/static//i_tel.png) no-repeat 285px center; background-color:#FFF; color:#888888; font-size:14px; font-family:"Microsoft YaHei"; padding:0 40px 0 10px; border:1px solid #cccccc;
        }
        .l_mem{
        	width:267px; height:38px; line-height:38px\9; overflow:hidden; background:url(http://py2596w1j.bkt.clouddn.com/static//i_mem.png) no-repeat 285px center; background-color:#FFF; color:#888888; font-size:14px; font-family:"Microsoft YaHei"; padding:0 40px 0 10px; border:1px solid #cccccc;
        }
        .l_num{
        	width:267px; height:38px; line-height:38px\9; overflow:hidden; background:url(http://py2596w1j.bkt.clouddn.com/static//i_num.png) no-repeat 285px center; background-color:#FFF; color:#888888; font-size:14px; font-family:"Microsoft YaHei"; padding:0 40px 0 10px; border:1px solid #cccccc;
        }
        .l_ipt{
        	width:127px; height:38px; line-height:38px\9; overflow:hidden; background-color:#FFF; color:#888888; font-size:14px; font-family:"Microsoft YaHei"; padding:0 10px; border:1px solid #cccccc;
        }
        .log_btn{
	        width:318px; height:42px; line-height:42px\9; overflow:hidden; background:url(http://py2596w1j.bkt.clouddn.com/static/images/btn_log.gif) repeat-x center top; color:#FFF; font-size:16px; font-family:"Microsoft YaHei"; text-align:center; padding:0; border:0; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
        }
        .regist{
	        width:1200px; overflow:hidden;
        }
        .reg_c{
	        width:475px; height:625px; overflow:hidden; background-color:#FFF; float:right; display:inline; margin-top:0; margin-right:10px; margin-bottom:10px; -webkit-box-shadow:0 0 5px #e0e0e0; -moz-box-shadow:0 0 5px #e0e0e0; box-shadow:0 0 5px #e0e0e0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
        }
    </style>
{% endblock %}

{% block body %}
    <div class="log_bg">
    <div class="top">
        <div class="logo"><a href="#"><img src="{% static 'images/logo.png' %}" /></a></div>
    </div>
	<div class="login">
    	<div class="log_img"><img src="{% static 'images/l_img.png' %}" width="611" height="425" /></div>
		<div class="log_c">
        	<form action="{% url 'user:login' %}" method="post">
                {% csrf_token %}
                <table border="0" style="width:370px; font-size:14px; margin-top:30px;" cellspacing="0" cellpadding="0">
                    <tr height="50" valign="top">
              	        <td width="55">&nbsp;</td>
                        <td>
                	        <span class="fl" style="font-size:24px;">登录</span>
                            <span class="fr">还没有商城账号，<a href="#" style="color:#ff4e00;">立即注册</a></span>
                        </td>
                    </tr>
                    <tr height="70">
                        <td>用户名</td>
                        <td><input type="text" value="" class="l_user" name="username"/></td>
                    </tr>
                    <tr height="70">
                        <td>密&nbsp; &nbsp; 码</td>
                        <td><input type="password" value="" class="l_pwd" name="password" /></td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td style="font-size:12px; padding-top:20px;">
                            <span style="font-family:'宋体';" class="fl">

                                <label class="r_rad"><input type="checkbox" name="remember"/></label><label class="r_txt">请保存我这次的登录信息</label>

                            </span>
                            <span class="fr"><a href="#" style="color:#ff4e00;">忘记密码</a></span>
                        </td>
                    </tr>
                    <tr height="60">
                        <td>&nbsp;</td>
                        <td><input type="submit" value="登录" class="log_btn" /></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</div>
{% endblock %}
